<template>
  <div class="home">
    <build-active-details-home></build-active-details-home>
    <build-active-progress-home></build-active-progress-home>
    <div class="flex-row al-start p60 container-left">
      <div
        class="left flex-al al-start"
        style="padding-right: 20px; background: #fff"
      >
        <build-active-info-home></build-active-info-home>
        <build-active-apply-home></build-active-apply-home>
        <build-active-join-home></build-active-join-home>
        <build-active-report-home
          v-margin-top="'30px'"
        ></build-active-report-home>
      </div>
      <div class="right flex-al al-start">
        <build-active-search-home></build-active-search-home>
        <build-active-base-home
          v-for="(item, index) in rightContent"
          :key="index"
          :option="item"
        ></build-active-base-home>
      </div>
    </div>
    <build-active-member-home></build-active-member-home>
    <build-active-promember-home></build-active-promember-home>
    <build-active-review-home v-margin-top="'20px'"></build-active-review-home>
    <build-active-tour-home v-margin-top="'-20px'"></build-active-tour-home>
    <div v-margin-top="'20px'"></div>
    <ShareBtn></ShareBtn>
  </div>
</template>
<script>
import buildActiveDetailsHome from "../components/build-active-details-home";
import buildActiveProgressHome from "../components/build-active-progress-home";
import buildActiveInfoHome from "../components/build-active-info-home";
import buildActiveApplyHome from "../components/build-active-apply-home";
import buildActiveJoinHome from "../components/build-active-join-home";
import buildActiveBaseHome from "../components/build-active-base-home";
import buildActiveReportHome from "../components/build-active-report-home";
import buildActiveSearchHome from "../components/build-active-search-home";
import buildActiveMemberHome from "../components/build-active-member-home";
import buildActivePromemberHome from "../components/build-active-promember-home";
import buildActiveReviewHome from "../components/build-active-review-home";
import buildActiveTourHome from "../components/build-active-tour-home";
import ShareBtn from "../components/ShareBtn/index.vue";

export default {
  components: {
    buildActiveDetailsHome,
    buildActiveProgressHome,
    buildActiveInfoHome,
    buildActiveSearchHome,
    buildActiveJoinHome,
    buildActiveReportHome,
    ShareBtn,
    buildActiveApplyHome,
    buildActiveBaseHome,
    buildActiveMemberHome,
    buildActivePromemberHome,
    buildActiveReviewHome,
    buildActiveTourHome,
  },
  data() {
    return {
      rightContent: [],
    };
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 1 });
    this.details = res;
    // 右边菜单
    this.rightContent = JSON.parse(this.details.rightContent);
    console.log(this.rightContent, "右边菜单");
  },
};
</script>
<style lang="less">
.home {
  background: #fff;
  width: 100%;
}
</style>
